<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="tr09" uri="http://www.trkj.com/logs"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>鞋靴</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<style>
.AreaL {
	width: 200px;
	border: 1px solid #e6e6e6;
	margin-left: 29px;
}
/*子界面的导航*/
.search-filter-list {
	border: 1px solid #e8e8e8;
	margin-top: 2px;
	background: #fff;
	height:82px;
}

.search-filter-list .filter-group-top {
	border-top: 0 none;
}

.search-filter-list .filter-group-right {
	width: 100%;
	float: left;
	position: relative;
}

.search-filter-list .group-right-inner {
	padding: 5px;
	margin-left: 107px;
	background: #fff;
	max-height: 30px;
	overflow: hidden;
	border-left: 1px solid #e8e8e8;
}

.search-filter-list .tags-wrap {
	line-height: 30px;
	margin-right: 55px;
}

.search-filter-list .tags-wrap a {
	color: #777;
}

.search-filter-list .filter-group-left {
	float: left;
	margin-left: -100%;
	width: 105px;
}

.search-filter-list .filter-group-left .label {
	color: #a3a3a3;
	display: block;
	line-height: 30px;
	margin-left: 15px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

.search-filter-list .search-filter-group {
	border-top: 1px solid #e8e8e8;
}

.search-filter-list .filter-group-right {
	width: 100%;
	float: left;
	position: relative;
}

.search-filter-list .group-right-inner {
	padding: 5px;
	margin-left: 107px;
	background: #fff;
	max-height: 30px;
	overflow: hidden;
	border-left: 1px solid #e8e8e8;
}

.search-filter-list .tags-wrap {
	line-height: 30px;
	margin-right: 55px;
}

.search-filter-list .tags-wrap a {
	color: #777;
}

.search-filter-list .filter-group-left {
	float: left;
	margin-left: -100%;
	width: 105px;
}

.search-filter-list .filter-group-left .label {
	color: #a3a3a3;
	display: block;
	line-height: 30px;
	margin-left: 15px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    word-break: keep-all;
}

</style>
</head>
<body style="min-width: 980px;">
	<div id="main_top">
		<jsp:include page="headarea.jsp"></jsp:include>
	</div>
	<div class="header_wrape">
		<div class="navwrape">
			<div id="nave">
				<div class="navbare clearfix">
					<a class="currente" href="menu_listservlet">首页</a> <a
						href="Close_List">衣服</a> <a href="Shose_List"">鞋靴</a> <a
						href="Pant_List">裤子</a>
				</div>
			</div>
		</div>
	</div>
	<div class="block box">
		<div class="blank"></div>
		<div id="ur_here">
			当前位置: <a href="menu_listservlet">首页</a>
			<code>&gt;</code>
			鞋靴
		</div>
	</div>
	<div>
	<div class="search-filter-list">
				<div class="search-filter-group filter-group-top clearfix">
					<div class="filter-group-right">
						<div class="group-right-inner  clearfix">
							<div class="tags-wrap clearfix">
								<a href="" position="1" index="1" class="filter-tag">茶花</a> <a
									href="" position="1" index="2" class="filter-tag">乐町</a> <a
									href="Pant_List" position="1" index="3" class="filter-tag">南极人</a>
								<a href="" position="1" index="4" class="filter-tag">耐克</a> <a
									href="" position="1" index="5" class="filter-tag">阿迪达斯</a> <a
									href="Shose_List" position="1" index="6" class="filter-tag">初语</a>
								<a href="" position="1" index="7" class="filter-tag">茵曼</a> <a
									href="" position="1" index="8" class="filter-tag">索尔偌</a> <a
									href="" position="1" index="9" class="filter-tag">心居客</a> <a
									href="" position="1" index="10" class="filter-tag">美色花</a> <a
									href="" position="1" index="11" class="filter-tag">艾莱依</a> <a
									href="" position="1" index="12" class="filter-tag">雅鹿</a>
							</div>
						</div>
					</div>
					<div class="filter-group-left ">
						<span class="label" style="text-align: center;">品牌</span>
					</div>
				</div>
				<div class="search-filter-group  clearfix">
					<div class="filter-group-right">
						<div class="group-right-inner  clearfix">
							<div class="tags-wrap clearfix">
								<a href="" position="2" index="1" class="filter-tag">短靴</a>
								 <a  href="" position="2" index="2" class="filter-tag">长靴</a> 
								 <a  href="" position="2" index="3" class="filter-tag">帆布鞋</a> 
								 <a  href="" position="2" index="4" class="filter-tag">运动鞋</a> 
								 <a  href="" position="2" index="5" class="filter-tag">皮鞋</a> 
							</div>
						</div>
						<div class="filter-group-left ">
							<span class="label" >服装类型</span>
						</div>
					</div>
				</div>
			</div>
	<div class="main_middle_right" 	style="border: 1px solid #e6e6e6; width: 99%;";">
		<div id="boxDiv"  style="margin-top: 0px;">
			<c:forEach items="${list }" var="list">
				<ul>
					<li><a href="commdity_servlet?cId=${list.cId }"><img
							src="${list.uiImage}" border="0" alt="TATA鞋靴" /></a></li>
					<li><a href="commdity_servlet?cId=${list.cId }" title="TATA鞋靴">${list.cName}</a>
						<br /> <font style="font-size: 14px;margin-top:25px;">售价: </font><font class="f1">￥${list.dPrice}</font>
				</ul>
			</c:forEach>
		</div>
		<div class="blank"></div>
		<div class="pager" style="border:1px solid #e6e6e6;width:100%;margin-left:0px;border-left:none;border-right:none">
			    <div style="margin-left:700px;">
				<tr09:pager url="" pagesize="5" total="${total}"
					curpage="${param.curpage}" />
				 </div>
			</div>
	</div>
	</div>
	<div id="end_div" style="margin-top: 10px;">
		<jsp:include page="end.jsp"></jsp:include>
	</div>
</body>
</html>